@charset "UTF-8";

  *{
    font-family: 'Meiryo','メイリオ',sans-serif;
  }
body{
    background: #fff;
    padding: 0;
    margin: 0;
    border: 0;
   }

#wrap {
   width:100%;
   overflow:hidden;
   }

header {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}

footer {
  background: rgb(31,78,121);
  width: 100%;
  font-size: 10px;
  color: #fff;
  text-align: center;
}

div {
  margin: 0;
  width: 100%;
  text-align: center;
}

img {
  width: 100%;
  max-width: 1000px; /* 最大幅 */
 }

p {
  color: rgb(89, 89, 89);
  font-size: 14px;
  padding:20px 0 20px 20px;

  text-align: left;
  display: inline-block;
  margin: 0;
  width: 90%;
}

#name{
  margin: 0;
  font-family: 'HG正楷書体-PRO','HGP行書体',serif;
  line-height: 150px;
  background: rgb(31,78,121);
  text-decoration: none;
  font-size: 2em;
  color: #fff;
  text-align: left;
}

ul {
 display: table;
 margin: 0;
 padding: 0;
 width: 100%;
 text-align: center;
 }
 ul li{
 display: table-cell;
 width: 20%;
 }
 ul li a{
 display: block;
 height: 100px;
 text-decoration: none;
 color: #555;
 font-size: 20px;
 line-height: 100px;
 }

 ul li:hover{
 background-color: #FFF2CC;
 }

.menu2 {
  background-color: rgb(222,235,247);
}

.menu3{
  background-color: rgb(205,225,243);
}

.menu4 {
  background-color: rgb(189,215,238);
}

.menu5 {
  background-color: rgb(157,195,230);
}

h1 {
  color: rgb(89, 89, 89);
  padding: 20px;
  font-size: 20px;
  margin: 0;
  width: 100%;
}

h2 {
  color: rgb(89, 89, 89);
  padding: 20px;
  font-size: 18px;
  margin: 0;
  width: 100%;
}

h3 {
  color: rgb(89, 89, 89);
  text-align: left;
  padding: 20px;
  font-size: 18px;
}

.other table {
  border-collapse: collapse;
  width: 95%;
  margin-left: 20px;
  background-color: #fff;
  text-align: left;
  color: rgb(89, 89, 89);
  font-size: 18px;
}

.other th {
background-color: rgb(234,239,247);
}

.other th, td {
  border: solid 1px;
  padding: 20px;
}

.width20 {
  width: 200px;
}

.home {
border-style: none;
padding-top: 250px;
padding-bottom: 200px;
}

.about {
  padding-top: 300px;
  padding-bottom: 200px;
  background-color: rgb(222,235,247);
}

.about img {
  max-width: 33%;
}

.service{
  padding-top: 300px;
  padding-bottom: 200px;
  background-color: rgb(205,225,243);
}

.service p {
  display: block;
  font-size: 14px;
}

.other{
  padding-top: 300px;
  padding-bottom: 200px;
  background-color: rgb(189,215,238);
}

.contact{
  padding-top: 300px;
  padding-bottom: 200px;
  background-color: rgb(157,195,230);
}

.contact p {
  color: #fff;
}

.form01 {
  border: none;
  padding: 8px;
  background-color: rgb(157,195,230);
  width: 30%;
  text-align: center;
}
.form02 {
  border: none;
  padding: 8px;
  background-color: rgb(157,195,230);
  width: 70%;
}

form {
  display: inline-block;
}

input, textarea {
  border: solid 1px;
  border-color: rgb(89, 89, 89);
  border-radius: 5px;
}

input {
  height: 40px;
  width: 80%;
}

textarea {
  width: 80%;
  height: 200px;
}

#form_a {
  width: 90%;
  font-size: 14px;
}

#button_a {
  width: 120px;
  height: 80px;
  font-size: 18px;
}

/* PC表示 */
@media screen and (min-width: 757px) {

*{
  font-family: 'Meiryo','メイリオ',sans-serif;
}
body{
    background: #fff;
    padding: 0;
    margin: 0;
    border: 0;
   }

#wrap {
   width:100%;
   overflow:hidden;
   }

header {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}

footer {
  background: rgb(31,78,121);
  width: 100%;
  font-size: 5px;
  color: #fff;
  text-align: center;
}

div {
  margin: 0;
  width: 100%;
  text-align: center;
}

.home img {
  width: 800px;
  height: 400px;
 }

p {
  color: rgb(89, 89, 89);
  padding:20px 0 20px 0;
  text-align: left;
  display: inline-block;
  width: 50%;
  font-size: 14px;
}

#name{
  margin: 0;
  font-family: 'HG正楷書体-PRO','HGP行書体',serif;
  line-height: 100px;
  background: rgb(31,78,121);
  text-decoration: none;
  font-size: 2em;
  color: #fff;
  text-align: left;
}

ul {
 display: table;
 margin: 0;
 padding: 0;
 width: 100%;
 text-align: center;
 }
 ul li{
 display: table-cell;
 width: 20%;
 }
 ul li a{
 display: block;
 height: 50px;
 text-decoration: none;
 color: #555;
 font-size: 14px;
 line-height: 50px;
 }

 ul li:hover{
 background-color: #FFF2CC;
 }

.menu2 {
  background-color: rgb(222,235,247);
}

.menu3{
  background-color: rgb(205,225,243);
}

.menu4 {
  background-color: rgb(189,215,238);
}

.menu5 {
  background-color: rgb(157,195,230);
}

h1 {
  color: rgb(89, 89, 89);
  margin: 1em 0 1em 0;
  width: 100%;
  font-size: 20px;
  font-family: 'HG正楷書体-PRO','HGP行書体',serif;
}

h2 {
  color: rgb(89, 89, 89);
  margin: 1em 0 1em 0;
  width: 100%;
  font-size: 16px;
  font-family: 'HG正楷書体-PRO','HGP行書体',serif;
}

h3 {
  color: rgb(89, 89, 89);
  margin: 20px 0 20px 20%;
  text-align: left;
  font-size: 16px;
  font-family: 'HG正楷書体-PRO','HGP行書体',serif;
}

.other table {
  border-collapse: collapse;
  width: 60%;
  margin-left: 20%;
  background-color: #fff;
  text-align: left;
  color: rgb(89, 89, 89);
}

.other th {
background-color: rgb(234,239,247);
}

.other th, td {
  border: solid 1px;
  padding: 20px;
}

.width20 {
  width: 200px;
}

.home {
border-style: none;
padding-top: 150px;
padding-bottom: 200px;
}

.about {
  padding-top: 150px;
  padding-bottom: 200px;
  background-color: rgb(222,235,247);
}

.about img {
  max-width: 200px;
}

.service{
  padding-top: 150px;
  padding-bottom: 200px;
  background-color: rgb(205,225,243);
}

.service p {
  margin-left: 25%;
  width: 50%;
  font-size: 16px;
}

.other{
  padding-top: 150px;
  padding-bottom: 200px;
  background-color: rgb(189,215,238);
}

.contact{
  padding-top: 150px;
  padding-bottom: 200px;
  background-color: rgb(157,195,230);
}

.contact p {
  color: #fff;
}

.form01 {
  border: none;
  padding: 8px;
  background-color: rgb(157,195,230);
  width: 30%;
  text-align: center;
  font-size:
}
.form02 {
  border: none;
  padding: 8px;
  background-color: rgb(157,195,230);
  width: 70%;
}

form {
  display: inline-block;
}

input, textarea {
  border: solid 1px;
  border-color: rgb(89, 89, 89);
  border-radius: 5px;
}

input {
  height: 40px;
  width: 80%;
}

textarea {
  width: 80%;
  height: 200px;
}

#form_a {
  width: 90%;
}

#button_a {
  width: 100px;
  height: 60px;
}
}